import React from "react";

export default function InfoIcon(props) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none"
      {...props}>
      <g clipPath="url(#clip0_3085_29552)">
        <path
          d="M17.5002 9.99998C17.5002 5.85784 14.1423 2.49998 10.0002 2.49998C5.85803 2.49998 2.50016 5.85784 2.50016 9.99998C2.50016 14.1421 5.85803 17.5 10.0002 17.5C14.1423 17.5 17.5002 14.1421 17.5002 9.99998ZM9.16683 13.3333V9.99998C9.16683 9.53974 9.53992 9.16665 10.0002 9.16665C10.4604 9.16665 10.8335 9.53974 10.8335 9.99998V13.3333C10.8335 13.7935 10.4604 14.1666 10.0002 14.1666C9.53992 14.1666 9.16683 13.7935 9.16683 13.3333ZM10.0083 5.83331C10.4685 5.83331 10.8416 6.20641 10.8416 6.66665C10.8416 7.12688 10.4685 7.49998 10.0083 7.49998H10.0002C9.53992 7.49998 9.16683 7.12688 9.16683 6.66665C9.16683 6.20641 9.53992 5.83331 10.0002 5.83331H10.0083ZM19.1668 9.99998C19.1668 15.0626 15.0628 19.1666 10.0002 19.1666C4.93755 19.1666 0.833496 15.0626 0.833496 9.99998C0.833496 4.93737 4.93755 0.833313 10.0002 0.833313C15.0628 0.833313 19.1668 4.93737 19.1668 9.99998Z"
          fill="var(--radon-subheading)"
        />
      </g>
      <defs>
        <clipPath id="clip0_3085_29552">
          <rect width="20" height="20" fill="white" />
        </clipPath>
      </defs>
    </svg>
  );
}
